<template>
    <div class="code__wrap">
        <div class="code__seat">
            <span class="code__code">Code 42</span><br>
            <span class="code__tips">&nbsp;&nbsp;&nbsp;&nbsp; ——待被定义的路径</span>
        </div>
    </div>
    <div class="code_line"></div>
</template>

<script setup></script>

<style lang="scss" scoped>
.code__wrap {
    height: 100%;
    width: 75%;
    margin: 0 auto;
    .code__seat {
        padding-top: 200px;
        position: absolute;
        display: block;
        white-space: nowrap;
        .code__code {
            font-size: 100px;
            font-weight: 1000;
        }
        .code__tips {
            font-size: 50px;
            font-weight: 1000;
        }
    }
}
.code_line {
    margin-top: 450px;
    z-index: 1;
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: var(--main-color-b);
}
</style>
